<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<head>
<%@ include file="/app_css/app_layout.jsp"%>
<link href="http://static.aceona.com/api_demo/css/api_common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://static.aceona.com/app_js/jquery.js"></script>
<style type="text/css">
.uc_com_main{padding:0;}
</style>
</head>
<body>
	<div class="api_com_position"> <span class="api_position_main">前端开发规范</span>|<span class="red_a">幻灯片</span> </div>
<div class="api_content">   
	<table class="t_b" width="900" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td width="20%">组件名</td>
			<td>Ace.Widget.Ad</td>
		</tr>
		<tr>
			<td>组件应用实例</td>
			<td><div class="uc_com_main c" id="uc_main_box">
		<div class="uc_mod_c" style="position:relative;">
			<div class="c app_widgets_slide" id="img_bannerbox">
				<div class="img_adbox hidden"> <a href="#" title=""> <img width="540" height="80" src="http://static.aceona.com/app_activities/aceona_tenpay/images/at_login_back.jpg" alt="你的人脉有多广"> </a> </div>
				<div class="img_adbox hidden"> <a href="#" title=""> <img width="540" height="80" src="http://static.aceona.com/app_activities/officialWeibo_edm/images/center_middle_ad.jpg" alt="你的人脉有多广"> </a> </div>
				<div class="img_adbox"> <a href="#" title=""> <img width="540" height="80" alt="xx" src="http://static.aceona.com/usercenter/user_images/uc_ad_temp_a.png"> </a> </div>
			</div>
		</div>
	</div>
	</td>
		</tr>
		<tr>
			<td>author</td>
			<td>peter</td>
		</tr>
		<tr>
			<td>组件参数</td>
			<td>
			<pre>
			 $(function(){
 	 	 	//中间广告切换
 	 	 	Ace.Widget.LoadMoudle({
				Moudle:'Ace.Widget.Ad',
				callback: function() {
					  $("#img_bannerbox").aceona_ad_slider({
							slideParent:"#img_bannerbox",
							slideUp:false,
                          //是否自动播放，默认为false
							isAutoPlay:false
						}); 
   				 }
			 }); 
			
 	 	 });</pre>
			</td>
		</tr>
		<tr>
			<td>组件调用</td>
			<td></td>
		</tr>
		<tr>
			<td>依赖文件</td>
			<td><p> &lt;link href=&quot;http://static.aceona.com/usercenter/user_css/uc_layout_v4.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;<br />
				&lt;link href=&quot;http://static.aceona.com/app_css/app_ui_widgets.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;</p>
				<p>&lt;script type=&quot;text/javascript&quot; src=&quot;http://static.aceona.com/app_js/app_widgets/lazyload-min.js&quot;&gt;&lt;/script&gt; <br />
			&lt;script type=&quot;text/javascript&quot; src=&quot;http://static.aceona.com/app_js/app_widgets/app_widgets_moudle.js&quot;&gt;&lt;/script&gt;</p></td>
		</tr>
	</table>
</div>
	
<script type="text/javascript" src="http://static.aceona.com/app_js/app_widgets/lazyload-min.js"></script> 
<script type="text/javascript" src="http://static.aceona.com/app_js/app_widgets/app_widgets_moudle.js"></script> 
<script type="text/javascript">
 	 	 $(function(){
 	 	 	//中间广告切换
 	 	 	Ace.Widget.LoadMoudle({
				Moudle:'Ace.Widget.Ad',
				callback: function() {
					  $("#img_bannerbox").aceona_ad_slider({
							slideParent:"#img_bannerbox",
							slideUp:false,
							isAutoPlay:false
						}); 
   				 }
			 }); 
			
 	 	 });
 	 </script>
</body>
</html>